<div class="demo">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
    merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo
    modo.
  </p>

  <nz-divider />

  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
    merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo
    modo.
  </p>

  <nz-divider nzText="with Text" nzOrientation="left" />
  <nz-divider nzText="with Text" nzOrientation="center" />
  <nz-divider nzText="with Text" nzOrientation="right" />

  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
    merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo
    modo.
  </p>

  <nz-divider [nzText]="divideByIcon" nzOrientation="left" />
  <nz-divider [nzText]="divideByIcon" nzOrientation="center" />
  <nz-divider [nzText]="divideByIcon" nzOrientation="right" />
  <ng-template #divideByIcon>
    <span nz-icon nzType="plus"></span>
    Add
  </ng-template>

  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nonne
    merninisti licere mihi ista probare, quae sunt a te dicta? Refert tamen, quo
    modo.
  </p>
</div>
